@import './mixin.scss';
// font-size
.font14 {
  @include fontsize(14)
}

.font16 {
  @include fontsize(16)
}

.font18 {
  @include fontsize(18)
}

.font20 {
  @include fontsize(20)
}

.font22 {
  @include fontsize(22)
}

.font24 {
  @include fontsize(24)
}

.font26 {
  @include fontsize(26)
}

.font28 {
  @include fontsize(28)
}

.font30 {
  @include fontsize(30)
}

.flex-box {
  display: flex;
}

.flex1 {
  flex: 1;
}

.font-bold {
  font-weight: bold;
}
// text
.text-underline {
  text-decoration: underline;
}
.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}
// position
.position-absolute {
  position: absolute;
}

.position-relative {
  position: relative;
}

.position-fixed {
  position: fixed;
}
// 手势
.pointer {
  cursor: pointer;
}
// z-index
.zindex1 {
  z-index: 1;
}
// color
.c00 {
  color: #0076FF;
}
.c10 {
  color: #101010;
}

.c99 {
  color: #999191;
}

.c47 {
  color: #478C4F;
}
.c68 {
  color: #686C73;
}
.ccc {
  color: #CC5D1B;
}
.ce1 {
  color: #E10E0E;
}
// 多行省略
.line-one {
  @include textoverflow(1)
}
.line-two {
  @include textoverflow(2)
}
.line-three {
  @include textoverflow(3)
}

// 水平垂直居左
.justify-left {
  @include flexbox(left)
}

// 水平垂直居右
.justify-right {
  @include flexbox(flex-end)
}

// 水平垂直居中
.justify-center {
  @include flexbox(center)
}

// 垂直居中
.justify-line-center {
  @include flexbox($jc:center, $fd:column)
}

// 垂直居右
.justify-line-right {
  @include flexbox($jc:center, $ai:flex-end, $fd:column)
}
